

:host {
	display: block;
	width: 368px;
	margin: 0 auto;

	::ng-deep {
        .ant-btn-primary{
            border: 0;
        }

        .ant-input{
            border-top-width: 0;
            border-right-width: 0;
            border-left-width: 0;
            border-radius: 0;
        }

        .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
            border-right-width: 0 !important;
            border-color: #496df9;
        }

        .ant-input:hover, .ant-input:focus 
        {
           
            box-shadow: 0 0 0 0;
            border-color: #496df9;
        }


        .ant-btn-primary:hover, .ant-btn-primary:focus 
        {
            background-color: #496df9;
            color: white;
        }

        .has-error .ant-input:focus {
            border-color: #f46e65;
            outline: 0;
            box-shadow: 0 0 0 0;
        }
	}
}

.login_card{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: #b5b5b5 10px 10px 200px ;
}

.login_title{
    text-align: center;
    font-size: 16px;
    color:#496df9;
    font-weight: bold;
    padding-top: 5%;
    padding-bottom: 5%;
}

.form_item{
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%
}

.login_btn{
    margin-top: 5%;
    height: 50px;
    border-radius: 50px;
}

.form_help{
    text-align: center;
}

.form_icon{
    font-size: 20px;
}
